<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript" src="../../layui/layui.all.js"></script>
	<link rel="stylesheet" type="text/css" href="../../css/homepage.css">
	<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css">
	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<link rel="icon" href="http://39.105.94.75:88/img/favicon.ico">
	<script type="text/javascript" src="js/api.js"></script>
	<meta charset="utf-8">
	<title>图书</title>
</head>
<body>
<!--头部导航栏信息-->
<div class="layui-fluid">
	<div class="layui-row">
		<ul class="layui-nav">
			<div class="layui-col-md9">
				<li class="layui-nav-item"><a href="index.htm">首页</a></li>
				<li class="layui-nav-item"><a href="book.htm">图书</a></li>
				<li class="layui-nav-item"><a href="">电子书</a></li>
				<li class="layui-nav-item"><a href="">教育培训</a></li>
				<li class="layui-nav-item"><a href="">家教平台首页</a></li>
			</div>
			<li class=" layui-nav-item"><a href="logintest.htm"><i
					class="layui-icon layui-icon-username" style="font-size: 15px;" id="session_name">未登录</i>
				<!-- <img src=" " class="layui-nav-img"> --></a>
				<dl class="layui-nav-child">
					<dd><a href="">基本资料</a></dd>
					<dd><a href="">安全设置</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item"><a href="#" style="font-size: 15px;" id="cencel">注销</a></li>
		</ul>
	</div>
</div>
<!--头部导航栏信息结束-->
<div>
	<li>这里是图书页面</li>
	<div class="product-list-box" id="product-list-box">
		<div class="product-list-cont w1200">
			<h2>更多推荐</h2>
			<div class="product-item-box layui-clear">
				<div class= "main">
					<div class="sort">
						<ul>
							<li class="sortli" value="1"><a href="#">小学图书/小学教辅</a><br></li>
							<li class="sortli" value="2"><a href="#">初中教辅</a></li>
							<li class="sortli" value="3"><a href="#">高中教辅</a></li>
							<li class="sortli" value="4"><a href="#">中小学阅读</a></li>
							<li class="sortli" value="5"><a href="#">工具书</a></li>
							<li class="sortli" value="3"><a href="#">英语专项</a></li>
							<li class="sortli" value="4"><a href="#">语文作文</a></li>
						</ul>
					</div>
					<div class='sort_more'>

					</div>
					<input placeholder="这是一个搜索框"  style="width: 600px; margin-left: 30%;position: relative;"/>
					<div class="content" style="margin-top :5%">
						<div class="layui-carousel" id="lunbo" style="margin-left: 340px;position: relative; left: 30px;">
							<div carousel-item>
								<div><img src="../../img/1.jpg" style="width:100% ;height:100%" ></div>
								<div><img src="../../img/2.jpg" style="width:100% ;height:100%" ></div>
								<div><img src="../../img/3.jpg" style="width:100% ;height:100%" ></div>
								<div><img src="../../img/4.jpg" style="width:100% ;height:100%" ></div>
								<div><img src="../../img/5.jpg" style="width:100% ;height:100%" ></div>
							</div>
						</div>
						<div style="border: #000000 solid 1px; width: 200px; height: 350px ; top: 20%; margin-left: 80%; position: absolute;">
							<h1>招商</h1><br /><h1>请联系<h3>chuzhong1008@gamil.com</h3></h1>
						</div>
					</div>
					<div style="width: 1000px; height: 500px;top:30px; margin:0 auto;position: relative;" id="bookimgurl1">
						<!--bookimg api-->

					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
<script type="text/javascript">
	$(function () {
		window.onload=sessionname();

		window.onload=bookimgurl1();

		window.onload=menu();

		$('#cencel').click(function () {
			yorn();
		});
	})
	layui.use('carousel', function() {
		var carousel = layui.carousel;
		//建造实例
		carousel.render({
			elem: '#lunbo',
			width: '50%', //设置容器宽度,
			height: '300px', //设置容器宽度,
			//arrow: 'always', //始终显示箭头
			anim: 'updown' //切换动画方式,
			,interval: '1000'
		});
	});

</script>
</html>
